焕然前行 百度PC搜索视觉进化
最近,⼤家可能发现百度PC发⽣了⼀些变化。是的,百度改版了。
百度搜索作为历经20年的“国⺠搜索引擎”,持续为亿万⽹⺠提供⾼效快捷的服务。2020年,本着为⽤户提供更年轻更多元化的搜索体验,启动了百度PC整站焕新改版计划。
设计理念
三个关键词——「简」「智」「美」
勾勒搜索流畅简约⼜不失智能与审美的综合视觉体验,⽀撑⽤户对百度搜索形成新的品牌体验感知。
简
去除冗余,精简层级,突出内容。
a.全局去线 聚焦搜索框
去除分割线、链接下划线等元素,打造通透、有呼吸感的界⾯⽓息。
蓝⾊搜索框成为为全局唯⼀“带线”元素, 在⻚⾯中⼼视觉更聚焦。
b.元素放⼤ 更易读
顺应⼤屏显趋势,对标题/⽂本/图形/留⽩等视觉感知元素进⾏适当放⼤,重新排版。信息更易读,⽤户信息筛选更快捷。
c.精简层级 更清爽
对各类状态下字号、颜⾊的数量进⾏去冗收敛,减轻浏览打断带来的疲劳感,赋予浏览以节奏,构建清爽的浏览体验。
d.整合提效 优化模板
精准满⾜需求的背后是数量庞⼤的特型卡⽚⽀撑,差异化卡⽚为后续管理迭代带来巨⼤的成本压⼒。
通过设计标准化,精简模版底层逻辑,打造了⼀套极致效率的搜索模版扩展模型,⾼效赋能开发与管理迭代。
智
灵活适配,资源互通,信息扩容。
a.新栅格 多端兼容
统⼀PC、Pad和Phone三端的栅格底层对应关系,
推⾏响应式设计成为跨平台兼容适配的底层设计原则,实现了⼀套代码⼀次开发多端兼容智能适配。
b.新映射 资源互通
配合新栅格系统,从颜⾊、字号、间距、布局、内容等多维度与移动端建⽴映射关系,
实现资源多端互通展示,从设计⼀开始就满⾜多端体验同步前⾏。
c.新容器 丰富多元
增加新容器,承载信息/服务/⼯具/互动等优质内容,最⼤程度满⾜⽤户⽇益多元化的搜索需求。
d.新组卡 内容聚合
充分利⽤百度⽣态资源,聚合丰富优质内容,根植PC场景,打造以聚焦优质内容聚合为形式的⾸位卡。
美
干净纯粹,活泼有力,亲和圆润。
a.新蓝⾊ 科技更活⼒
引⼊了科技感更为强烈的品牌⾊,辅以鲜明的辅助⾊,减少灰阶繁多造成的不确定性,形成全新的「百度PC配⾊系统」。
b.搜索框 友好更聚焦
强化了搜索框样式,让描边变粗,边⻆变圆,配合新品牌⾊的使⽤,形成更好的存在感和友好度。
c.圆⻆化 年轻亲和
⼤圆⻆的设计语⾔贯穿在图⽚、视频以及搜索框容器等多个设计场景,界⾯整体传递着年轻与亲和。
d.投影更柔和 过渡更⾃然
弥散式投影的运⽤,让图形与⽂字之间的过渡更加⾃然,⻚⾯浏览效果更加柔和。
结语
焕新前⾏,就是持续为⽤户提供更好的搜索服务,就是保持产品活⼒与年轻。
启动百度PC视觉进化,把“简”“智”“美”的设计理念渗透 到PC搜索的每⼀个⻆落。这是⼀个庞⼤的⼯程,从元素到容器,从浏览体验到内容互通,期望⽤户感受全新的百度搜索更简洁流畅,更效率智能。设计标准化在整个项⽬底层贯通历史与现在,并为未来内容与商业的扩容 带来更多想象⼒。
新版PC⾸⻚已于05⽉09⽇上线,各路⼩伙伴都发来了贺电,感受到了全新的⽓息,让我们倍感欣慰和压⼒。接下来的课题是新版搜索结果⻚,经过精细的打磨和攻坚,也将很快与⼤家⻅⾯,期待与你⼀起感受焕然⼀新的百度搜索。
关于我们:
MEUX,百度移动生态用户体验设计中心,负责百度移动生态体系的用户/商业产品的全链路体验设计。
服务的产品包括百度APP、百度搜索、百度百科、百度网盘、百度贴吧、百度文库、百度新闻、百度知道、百家号、百度经验、宝宝知道、一刻相册、Dubox、好看视频、全民小视频、百度商业产品等。
MEUX以「简单极致」为设计理念,创造极致用户体验的同时赋能商业,推动设计行业的价值和影响力,让生活因设计而更美好。